<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/header.css" />
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" />
</head>

<body>
<div class="header-box">
    <!-- 登录 -->
    <div class="login-state">
        <div class="my-width ">
            <div class="login-state-box">
                <div class="no-login">
                    <div>
                        <font color="#EF500C">HI~请登录</font>
                    </div>
                    &nbsp;&nbsp;
                    <div>
                        <font size="2" color="#7B7B7B">免费注册</font>
                    </div>
                </div>
                <div class="user-centre">
                    <div><img src="../img/manage/click_user_info.png" alt=""><a href="/myorder"
                                                                                style="color:#7B7B7B"> 个人中心</a></div>
                    &nbsp;&nbsp;&nbsp;
                    <div><img src="../img/manage/click_shopping_car.png" alt=""><a href="/shopCart"
                                                                                   style="color:#7B7B7B"> 购物车</a>
                    </div>
                    &nbsp;&nbsp;&nbsp;
<%--                    <div><img src="../img/manage/click_track.png" alt=""><a href="../Track.html"--%>
<%--                                                                            style="color:#7B7B7B"> 足迹</a></div>--%>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="header-nav">
        <div class="my-width">
            <div class="nav-box">
                <div class="search-box">
                    <!-- log -->
                    <!-- <div class="log">DUJIAOSHOU</div> -->
                    <img src="../img/index/title.png" alt="" style="width: 200px;margin: 0 15px;">
                    <!-- 搜索 -->
                    <form action="/search" method="get" id="form-search" style="width: 51%;margin: 0 20px;">
                        <div>
                            <input type="text" class="form-control" name="proName">
                        </div>

                        <!-- 提交按钮 -->
                        <div>
                            <button style="position:relative;top:-38px;left:380px;" form="form-search" type="submit"
                                    class="btn btn-outline-dark">搜索
                            </button>
                        </div>
                    </form>

                </div>
                <div class="navtab-box">
                    <div style="display: flex;width: 50%;margin: 20px auto;">
                        <div>
                            首页
                        </div>
                        <div>
                            美食
                        </div>
                        <div>
                            生鲜
                        </div>
                        <div>
                            家具
                        </div>
                        <div>
                            女装
                        </div>
                        <div>
                            美妆
                        </div>
                        <div>
                            数码
                        </div>
                        <div>
                            团购
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>

</html>